<template>
  <p-card :bordered="false" class="container">

    <p-checkbox-group @change="onChange" style="width: 100%">
      <p-row>
        <p-col :span="3">
          <p-checkbox value="A">
            技能
          </p-checkbox>
        </p-col>
        <p-col :span="3">
          <p-checkbox value="B">
            资源
          </p-checkbox>
        </p-col>
        <p-col :span="3">
          <p-checkbox value="C">
            工序BOM
          </p-checkbox>
        </p-col>
        <p-col :span="3">
          <p-checkbox value="D">
            SOP
          </p-checkbox>
        </p-col>
        <p-col :span="3">
          <p-checkbox value="E">
            线材清单
          </p-checkbox>
        </p-col>
        <p-col :span="3">
          <p-checkbox value="f">
            耗损系数
          </p-checkbox>
        </p-col>
        <p-col :span="3">
          <p-checkbox value="g">
            程序
          </p-checkbox>
        </p-col>
      </p-row>
    </p-checkbox-group>    

    <div class="container-btn">
      <p-button @click="handleAdd" type="primary" icon="plus">提交</p-button>
    </div>

  </p-card>

</template>

<script type="text/javascript">
export default {
  data() {
    return {
      
    }
  },
  mounted() {

  },
  methods: {
    onChange(){
      console.log(3423)
    },
    handleAdd(){
      
    }
  },
  components: {

  }
}
</script>

<style lang="less" scoped>
  @import '~@assets/less/common.less';
  .container-btn {
    // text-align: center;
    padding-top: 10px;
  }
  .ant-btn {
    padding-left: 10px;
    padding-right: 10px;
  }
</style>
